<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
        integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
    <!-- <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="./页面.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.2/jquery.js"></script>
    <script src="页面.js"></script>
</head>

<body>
    <!-- 头部开始 -->
    <div class="aa">


        <div id="b">
            <div class="a">
                <img src="img/logo.png" alt="">
                <span>首页</span>
                <span>职位</span>
                <span class="gg">
                    <p>校园</p><i class="glyphicon glyphicon-menu-down"></i>
                    <ul class="b c">
                        <li><a href="#">校园首页</a></li>
                        <li><a href="#">2022校招</a></li>
                        <li><a href="#">线下宣讲会</a></li>
                    </ul>
                </span>
                <span>社区</span>
                <span class="gh">
                    <p>简历优化</p><i class="glyphicon glyphicon-menu-down"></i>
                    <ul class="c lm">
                        <li><a href="#">简历置顶</a></li>
                        <li><a href="#">面试辅助</a></li>
                        <li><a href="https://auth.alipay.com">第三方支付</a></li>
                    </ul>
                </span>
                <span class="d gj">
                    <p>个人中心</p><i class="glyphicon glyphicon-menu-down"></i>
                    <ul class="c e">
                        <li><a href="#">我的简历</a></li>
                        <li><a href="#">我的投递</a></li>
                        <li><a href="#">隐私设置</a></li>
                        <li><a href="#">账号安全</a></li>
                        <li><a href="#">退出登录</a></li>
                    </ul>
                </span>
            </div>

            <!-- 头部结束 -->

            <!-- 搜索框开始 -->
            <div class="f">
                <div class="g">
                    <span><input type="text" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;搜索职位/公司/内容关键词" maxlength="100"
                            id="search">
                        <ul id="list"></ul><button>搜索</button></i>
                    </span>
                    <div class="h">
                        <span>热搜:</span><span>投资经理</span><span>土建工程师</span><span>采购</span><span>销售</span><span>运营</span><span>Java</span><span>产品经理</span><span>人力资源</span><span>总经理</span>
                    </div>
                </div>
            </div>
            <!-- 搜索框结束 -->

            <!-- 推荐职位开始 -->
            <div class="k">
                <div class="op">
                    <div class="oa"> <img src="img/宋鹏波.jpg" alt="">
                        <p>小石</p>
                    </div>
                </div>
                <div class="j">
                    <span class="l">
                        <span class="o">推荐职位</span>
                        <span class="o">实习职位</span>
                        <span class="o">应届生职位</span>
                        <span class="n">
                            <span>
                                <p>+</p>
                            </span> 添加求职意向
                        </span>
                    </span>
                    <span class="m">
                        <div class="q r">综&nbsp;合</div>
                        <div class="q">最&nbsp;新</div>
                    </span>

                </div>

            </div>
            <!-- 推荐职位结束 -->

            <!-- 应聘开始 -->

            <!-- 右边信息开始 -->
            <div class="os">
                <span>
                    <div>0</div>
                    <p>谁看过我</p>
                </span>
                <span>
                    <div>0</div>
                    <p>我的投递</p>
                </span>
                <span>
                    <div>0</div>
                    <p>我的收藏</p>
                </span>
                <div class="od">

                    <span><img src="img/刷新简历.png" alt="">
                        <p>刷新简历</p>
                    </span>

                    <span><img src="img/金卡服务.png" alt="">
                        <p>刷新简历</p>
                    </span>

                    <span><img src="img/简历诊断.png" alt="">
                        <p>刷新简历</p>
                    </span>


                </div>

                <div class="og">
                    <h2>校园首页</h2>
                    <div class="oh">
                        <span><img src="img/2020年校招.png" alt="">
                            <p>2022年校招</p>
                        </span>

                        <span><img src="img/线下宣讲会.png" alt="">
                            <p>线下宣讲会</p>
                        </span>

                        <span><img src="img/空中宣讲会.png" alt="">
                            <p>空中宣讲会</p>
                        </span>
                    </div>
                </div>

            </div>
            <!-- 右边信息结束 -->
            <!-- 底部开始 -->
           
            <div id="t">
                <!-- <div class="s">
                    <span class="mn">合肥龙湖仕官生</span>
                    <span class="mb">【合肥-义城】</span>
                    <span id="s" class="mv">面议</span>
                </div>

                <div class="w">
                    <span class="mc">经验不限</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span class="mx">统招本科</span>
                </div>

                <span class="ff">
                    <img src="./img/刷新简历.png" alt="">
                                    <p>王先生</p>
                </span>
                <div class="v">
                    <span class="kp">龙湖集团</span>
                    <span class="kp">房产开发</span>
                    <span class="kp">10000以上</span>
                </div> -->




            </div>

            <!-- <div id="t">
                <div class="s">
                    <span>合肥龙湖仕官生</span>
                    <span>【合肥-义城】</span>
                    <span id="s">面议</span>
                </div>

                <div class="w">
                    <span>经验不限</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span>统招本科</span>
                </div>
                <div class="v">
                    <span class="kp">龙湖集团</span>
                    <span class="kp">房产开发</span>
                    <span class="kp">10000以上</span>
                </div>
            </div> -->

            <!-- <div id="t">
                <div class="s">
                    <span>合肥龙湖仕官生</span>
                    <span>【合肥-义城】</span>
                    <span id="s">面议</span>
                </div>

                <div class="w">
                    <span>经验不限</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span>统招本科</span>
                </div>
                <div class="v">
                    <span class="kp">龙湖集团</span>
                    <span class="kp">房产开发</span>
                    <span class="kp">10000以上</span>
                </div>
            </div> -->

            <!-- <div id="t">
                <div class="s">
                    <span>合肥龙湖仕官生</span>
                    <span>【合肥-义城】</span>
                    <span id="s">面议</span>
                </div>

                <div class="w">
                    <span>经验不限</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span>统招本科</span>
                </div>
                <div class="v">
                    <span class="kp">龙湖集团</span>
                    <span class="kp">房产开发</span>
                    <span class="kp">10000以上</span>
                </div>
            </div> -->
            <!-- <div id="o"></div> -->

            <p class="oj" id="button">获取更多数据~</p>
            <!-- 应聘结束 -->


            <div class="ok">
                <span class="ol">
                    <img src="img/logo.png" alt="">
                    <p class="oz">企业服务热线和举报投诉/未成年人举报渠道：</p>
                    <strong>400-6212-266</strong>
                    <p class="ox">工作日9:00-19:00</p>
                    <strong>jubao@liepin.com</strong>
                </span>

                <div class="oc">
                    <span>
                        <dl>
                            <dt>投资者关系</dt>
                            <dd><a href="#">公司简介</a></dd>
                            <dd><a href="#">信息披露</a></dd>
                            <dd><a href="#">企业管制</a></dd>
                            <dd><a href="#">投资者关系联络</a></dd>

                        </dl>
                    </span>
                    <span>
                        <dl>
                            <dt>共赢</dt>
                            <dd><a href="#">网站合作</a></dd>
                            <dd><a href="#">加入伯乐</a></dd>
                        </dl>
                    </span>
                    <span>
                        <dl>
                            <dt>产品与服务</dt>
                            <dd><a href="#">海外招聘</a></dd>
                            <dd><a href="#">应用权限</a></dd>
                        </dl>
                    </span>
                </div>

                <div class="ov">
                    <dl>
                        <dt>下载伯乐APP</dt>
                        <dd>
                            <img src="./img/二维码.png" alt="">
                        </dd>
                    </dl>
                </div>

                <div class="oq">
                    <p>
                        <span>Copyright © 2021 BOSS直聘</span><span><a href="https://beian.miit.gov.cn/" rel="nofollow"
                                ka="link-icp"
                                target="_blank">京ICP备14013441号-5</a></span><span>京ICP证150923号</span><span>京网文[2020]0399-066
                            号</span>
                        <span>
                            <a href="https://www.zhipin.com/activity/cc/businesslicense.html" rel="nofollow"
                                ka="link-businesslicense" target="_blank">
                                <img src="https://static.zhipin.com/v2/web/geek/images/icon-badge-1.png" alt="">
                                电子营业执照
                            </a>
                        </span> <br>
                        <span><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502032801"
                                rel="nofollow" ka="link-beian" target="_blank"><img
                                    src="https://static.zhipin.com/v2/web/geek/images/icon-beian.png" alt="">
                                京公网安备11010502032801</a></span>
                        <span><a href="http://sdwj.zhipin.com/web/index.html" rel="nofollow" ka="link-sdwj"
                                target="_blank">朝阳网警</a></span>
                        <span><a href="https://www.zhipin.com/web/common/protocol/hr-service.html" rel="nofollow"
                                ka="link-hr-service" target="_blank">人力资源服务许可证</a></span>
                        <span><a href="https://www.12377.cn" rel="nofollow" ka="link-12377"
                                target="_blank">网上有害信息举报专区</a></span><br>
                        <span class="renshe-phone">朝阳区人社局监督电话</span>
                    </p>
                    <p></p>
                </div>

            </div>
            <!-- 底部结束 -->

            <!-- 固定定位 -->
            <div class="on">
                <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>
                <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                <span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>
            </div>
            <!-- 固定定位结束 -->

        </div>

    </div>


    <script>
        var search = document.getElementById("search");
        var list = document.getElementById("list");
        search.onkeyup = function () {
            var text = this.value;
            var script = document.createElement("script");
            script.src = `https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=${text}&cb=fn`;

            document.body.appendChild(script);

        }

        function fn(res) {
            console.log(res);
            var html = "";
            res.s.forEach(function (word) {
                html += `<li>${word}</li>`;
            });
            list.innerHTML = html;
        }
    </script>



    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
    </script> -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"
        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous">
    </script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。  -->
    <!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
    </script>
   
</body>

</html>